<!--
 * @Date: 2025-07-28 22:20:25
 * @LastEditors: 贾二小 erxiao.jia@outlook.com
 * @LastEditTime: 2025-07-29 23:40:57
 * @FilePath: /admin-vue/src/layouts/modules/global-header/index.vue
-->
<script setup lang="ts">
import { useFullscreen } from '@vueuse/core'
import UserAvatar from './components/user-avatar.vue'
defineOptions({
  name: 'GlobalHeader',
})

const appStore = useAppStore()
const themeStore = useThemeStore()
const { isFullscreen, toggle } = useFullscreen()
</script>

<template>
  <div class="h-full flex items-center px-[12px] shadow-header">
    <FullScreen :full="isFullscreen" @click="toggle" />
    <LangSwitch
      v-if="themeStore.header.multilingual.visible"
      :lang="appStore.locale"
      :lang-options="appStore.localeOptions"
      @change-lang="appStore.changeLocale"
    />
    <UserAvatar />
  </div>
</template>

<style scoped></style>
